<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core"  prefix="c"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<base
	href="<%=request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
					+ request.getContextPath() + "/"%>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>用户中心</title>
<link rel="stylesheet" type="text/css" href="statics/css/pagination.css" />
<link rel="stylesheet"  type="text/css"  href="statics/css/agent.css"/>
<script type="text/javascript" src="statics/js/jquery-1.12.4.js" charset="UTF-8"></script>
<script type="text/javascript" src="statics/js/user_order.js" charset="UTF-8"></script>
<link rel="stylesheet"  type="text/css"  href="statics/css/user_order.css"/>
<script type="text/javascript" src="statics/js/script/jquery.pagination.js" charset="UTF-8"></script>
<script src="statics/layer/layer.js"></script>
</head>
<body>
<jsp:include page="top.jsp"></jsp:include>
<div class="waikuan">
<%@ include file="/WEB-INF/jsp/user_menu.jsp"%>
<div class="user">
	<div class="user-title" data-allcount="${AllCount }">${titlew}</div>
	<div class="user-content" style="padding: 14px 20px 50px">
		<div class="ztcx"> 
			<select class="ostatus"> 
				<option <c:if test="${ostatus=='全部'}">selected="selected"</c:if> value="全部">全部</option> 
				<option <c:if test="${ostatus=='未支付'}">selected="selected"</c:if> value="未支付">未支付</option> 
				<option <c:if test="${ostatus=='租赁中'}">selected="selected"</c:if> value="租赁中">租赁中</option> 
				<option <c:if test="${ostatus=='未处理'}">selected="selected"</c:if> value="未处理">未处理</option> 
				<option <c:if test="${ostatus=='已取消'}">selected="selected"</c:if> value="已取消">已取消</option>
				<option <c:if test="${ostatus=='已还车'}">selected="selected"</c:if> value="已还车">已还车</option> 
				<option <c:if test="${ostatus=='已完成'}">selected="selected"</c:if> value="已完成">已完成</option> 
			</select> 
			<button class="cx" data-ostatus="${ostatus }">查询</button>
		</div>
		<table class="tab">
			<thead>
				<tr class="">
					<th width="17%">商品编号</th>
					<th width="8%">金额</th>
					<th width="13%">下单时间</th>
					<th width="7%">联系人</th>
					<th width="16%">身份证</th>
					<th width="11%">联系电话</th>
					<th width=7%">状态</th>
					<th width="21%">操作</th>
				</tr>
			</thead>
			<tbody>
				<c:forEach items="${usero}" var="user">
						<tr>
						<td>${user.oNo}</td>
						<td><fmt:formatNumber value="${user.oMoney}" type="number" maxFractionDigits="1"/></td>
						<td class="odate">
							<fmt:formatDate value="${user.oDate}" pattern="yyyy-MM-dd HH:mm:ss"/>
						</td>
						<td>${user.uaName}</td>
						<td class="identity">${user.uaIdentity}</td>
						<td>${user.uaTel}</td>
						<td class="ostatus"
							<c:if test="${user.oStatus=='未支付'}">style="color: #dc0000;"</c:if>
							<c:if test="${user.oStatus=='租赁中'}">style="color: #f19f04;"</c:if>
						>
							${user.oStatus}
						</td>
						<td class="anniu">
							<c:if test="${user.oStatus=='未处理'}">
								<a class="tui" data-oMoney="${user.oMoney }"
												data-oid="${user.oId }"
											>取消订单</a>
							</c:if>
							<c:if test="${user.oStatus=='已还车'||user.oStatus=='已完成'}">
								<a class="pingjia" data-ono="${user.oNo }"  
												   data-cName="${user.cName }"
												   data-uaName="${user.uaName }"
												   data-cid="${user.cId }"
												   data-uid="${user.uId }"
												   data-oid="${user.oId }"
												>评价订单</a>
							</c:if>
							<c:if test="${user.oStatus=='租赁中'}">
								<a class="yanqi" data-ono="${user.oNo }"
												 data-oid="${user.oId }"
												 data-cmoney="${user.cMoney }"
												 data-returnTime="${user.returnTime }"
											>延期还车</a>
							</c:if>
							<c:if test="${user.oStatus=='未支付'}">
								<a class="fukuan" data-oMoney="${user.oMoney }"
												  data-ono="${user.oNo }"
												  data-oid="${user.oId }"
												  data-odate="${user.oDate}"
											>立即付款</a>
							</c:if>
							<a class="chakan" data-takeTime="${user.takeTime }"
											  data-returnTime="${user.returnTime }"
											  data-takePlace="${user.takePlace }"
											  data-returnPlace="${user.returnPlace }"
											  data-cName="${user.cName }"
											>租车信息</a>
						</td>
						</tr>
				</c:forEach>
			</tbody>
		</table>
		<div style="text-align: center;display: none;" class="wudanimg">
			<img src="statics/image/userCenter/grayben.png" style="margin: 30px;">
			<p style=" font-size: 16px; color: #60606c;">暂无，
			<c:if test="${titlew=='全部订单'}">订单</c:if>
			<c:if test="${titlew!='全部订单'}">${titlew}</c:if>
			</p>
		</div>
		<div class="M-box"style="margin-top: 10px;"></div>
	</div>
</div>
</div>
<div class="gongmegn">
<div class="evaluate">
	<div class="confirm">
		<div class="title">
			<span>评价订单</span>
			<span class="cha">✖</span>
		</div>
		<div class=" substance">
			<p>订单号：
				<span class="ono"></span>
			</p>
			<p>用车人：
				<span class="uaName"></span>
			</p>
			<div class="detail">
				<h3 style="margin-bottom: 20px">车名：<span class="cName"></span></h3>
				<span style="color: red;font-size: 12px;margin-left: 6px;">*首次评价大于15个字可获得5积分</span>
				<textarea class="lei" style="height: 100px;width:345px; resize: none;overflow: hidden;">
				</textarea>
			</div>
			<button class="pingjiatj">提交评价</button>
		</div>
	</div>
</div>
<div class="time">
	<div class="time-k">
		<div class="title">
			<span>租车信息</span>
			<span class="cha">✖</span>
		</div>
		<div class="detail">
				<h3 style="margin-bottom: 20px;margin-left: 15px">车名：<span class="cName"></span></h3>
		</div>
		<div class="time-substance">
			<div class="tr">
				<span>取车</span>
				<span>还车</span>
			</div>
			<div class="take">
				<p class="place" style="margin-bottom: 10px">
				</p>
				<p class="take-time"></p>
			</div>
			<div class="return">
				<p class="place"style="margin-bottom: 10px"></p>
				<p class="return-time"></p>
			</div>
		</div>
		<button class="qd">确定</button>
	</div>
</div>
<div class="payment">
	<div class="payment-k">
		<div class="title">
			<span>立即付款</span>
			<span class="cha">✖</span>
		</div>
		<div class="payment-substance">
			<p>订单号：<span class="ono"></span></p>
			<span class="f">请选择支付方式</span>
			<div class="payway">
				<img alt="我的钱包" src="statics/image/goods/qb.jpg" class="myWallet">
				<img alt="支付宝" src="statics/image/goods/zfb.jpg" class="zfb"> <img
				alt="微信" src="statics/image/goods/wx.jpg" class="wx">
			</div>
		</div>
		<button class="quxiao">取消付款</button>
	</div>
</div>
<div class="zhedang"></div>
<div id="rest">
		<p>
			当前余额：<span class="umoney">${umoney}</span>
		</p>
		<p>
			付款：<span class="omoney"></span>元
		</p>
		<button class="fukuan">确认付款</button>
</div>
<div class="yanqih">
	<div class="yanqih-k">
		<div class="title">
			<span>延期还车</span>
			<span class="cha">✖</span>
		</div>
		<div class="yanqih-substance">
			<p>订单号：<span class="ono"></span></p>
			<p>日&nbsp;&nbsp;付&nbsp;：<span class="cmoney" style="color: #aa0000"></span>元</p>
			<p>原时间：<span class="return-time"></span></p>
			<p>延&nbsp;&nbsp;期&nbsp;：
				<input class="y" style="width: 60px;margin-left: 10px;" onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')">
				<span style="margin-left:10px; color: red;font-size: 12px;font-weight: 500;">*最多延迟7天</span>
			</p>
			<p>需多付：<span style="color: #aa0000;" class="duofu">0</span>元</p>
			<span class="f">请选择支付方式</span>
			<div class="payway">
				<img alt="我的钱包" src="statics/image/goods/qb.jpg" class="myWallet">
				<img alt="支付宝" src="statics/image/goods/zfb.jpg" class="zfb"> <img
				alt="微信" src="statics/image/goods/wx.jpg" class="wx">
			</div>
		</div>
		<button class="quxiao">取消</button>
	</div>
</div>
<div id="rest2">
		<p>
			当前余额：<span class="umoney">${umoney}</span>
		</p>
		<p>
			付款：<span class="omoney"></span>元
		</p>
		<button class="fukuan">确认付款</button>
</div>
</div>
<jsp:include page="bottom.jsp"></jsp:include>
</body>
</html>